<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录页面</title>
		<link rel="stylesheet" type="text/css" href="../css/header.css"/>
		<link rel="stylesheet" type="text/css" href="../css/login.css"/>
		<link rel="stylesheet" type="text/css" href="../css/footer.css"/>
	</head>
	<body>
		<div class="header">
			<div class="heart">
				<div class="nav">
					<div id="logo">
						<a href="../index.html"><img src="../img/logo_register.png"></a>
					</div>
					<div class="list">
						<ul class="list_content">
							<a href="../index.html">
								<li>首页</li>
							</a>
							<a href="programmer.html">
								<li>程序员</li>
							</a>
							<a href="">
								<li  class="solve">解决方案</li>
								<div class="menu" hidden>
									<h2>解决方案</h2>
									<div class="menu_list">
										<a href="">
											<div class="menuListLeft">
												<img src="../img/ziyou.png">
												<div class="ziyou">
													<p class="ziyou_">自由工作</p>
													<p class="yuancheng_">远程工作、驻场工作</p>
												</div>
											</div>
										</a>
										<a href="../html/release.html">
											<div class="menuListLeft">
												<img src="../img/xiangmu.png">
												<div class="ziyou">
													<p class="ziyou_">项目开发</p>
													<p class="yuancheng_">一站式软件开发、驻场工作</p>
												</div>
											</div>
										</a>
										<a href="">
											<div class="menuListLeft">
												<img src="../img/renli.png">
												<div class="ziyou">
													<p class="ziyou_">人力外包</p>
													<p class="yuancheng_">高效技术人力灵活用工</p>
												</div>
											</div>
										</a>
									
									</div>
								</div>
							</a>
							
							<a href="" class="prea">
								<li>
									<input type="text" id="search" placeholder="搜索您感兴趣的内容" />
									<img src="../img/fangdajing1.png">
								</li>
							</a>
							<a href="" class="more">
								<li>更多</li>
								<div class="moreBox_" hidden>
									<div class="mareBox">
										<div class="mareBox_list">
											<img src="../img/kaifawu.png" >
											<span>开发屋</span>
										</div>
									</div>
									<div class="mareBox">
										<div class="mareBox_list">
											<img src="../img/heyi.png" >
											<span>UniSMS (合一短信) </span>
										</div>
									</div>
									<div class="mareBox">
										<div class="mareBox_list">
											<img src="../img/yes.png" >
											<span>YesDev</span>
										</div>
									</div>
												
								</div>
								
							</a>
							<a href="" class="app">
								<li>APP下载</li>
							</a>
							<a href="">
								<li class="loginGo">登录</li>
							</a>
							<a href="../html/register.html">
								<li>注册</li>
							</a>
						</ul>
					</div>
				</div>
				
				
			</div>
		</div>
		<div class="box">
			
			<div class="login_box">
				<div class="login_top">
					<button type="button" class="passwardtop_go">密码登录</button>
				</div>
				<!-- 密码登录 -->
				<div class="passwardKuang">
					<div class="passward_put">
						<input type="" name="" id="email" value="" placeholder="请输入邮箱" />
						<input type="password" name="" id="password" value="" placeholder="请输入密码" />
					</div>
					<p>忘记密码</p>
					<div class="button_">
						<button type="button" class="denglu">登录</button>
						<button type="button" class="zhuce">注册</a></button>
					</div>
					<div class="chengxu">
						程序员客栈-程序员的经纪人
					</div>
					<div class="select">
						<input type="checkbox" name="" id="" value="" />
						我接受《用户服务协议》和《个人信息保护政策》
					</div>
					<div class="icon">
						<a href=""><img src="../img/weibo.png"></a>
						<a href=""><img src="../img/weixin.png"></a>
						<a href=""><img src="../img/QQ.png"></a>
					</div>
				</div>
			</div>
		</div>
		
		<div class="foot">
			<div class="heartFo">
				<div class="tips">
					<img src="../img/logo_register.png" >
					<div class="tips_title">
						<h5>重点城市程序员兼职推荐</h5>
						<a href="">北京程序员</a>
						<a href="">上海程序员</a>
						<a href="">深圳程序员</a>
						<a href="">杭州程序员</a>
						<a href="">广州程序员</a>
						<a href="">成都程序员</a>
						<a href="">南京程序员</a>
						<h5>重点岗位程序员兼职推荐</h5>
						<a href="">技术创始人兼职</a>
						<a href="">Rust兼职</a>
						<a href="">小程序兼职</a>
						<a href="">cocos2d-x兼职</a>
						<a href="">Unity3D兼职</a>
						<a href="">DBA兼职</a>
						<a href="">运维兼职</a>
						<a href="">测试兼职</a>
						<a href="">移动其他兼职</a>
					</div>
				</div>
			</div>
			<div class="foot_heart">
				<div class="box">
					<a href="">App下载</a>
					<a href="">帮助</a>
					<a href="">关于我们</a>
					<a href="">合作伙伴</a>
					<a href="">意见反馈</a>
					<div class="box_right">
						<p>浙ICP备15029175号</p>
						<p>浙公网安备 33011002011566号</p>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script type="text/javascript" src="../js/header.js"></script>
	<script type="text/javascript">
		$(".denglu").on({
			'click': function() {
				$.ajax({
					type: "get",
					url: "http://localhost:3000/users/login",
					async: true,
					data: {
						email: $("#email").val(),
						password: $("#password").val()
					},
					success: function(res) {
						console.log(res)
						alert(res.message)
						location.href = "../index.html"
					}
				});
				console.log ($("#email").val())
				console.log ($("#password").val())
			},
		})
		$(".zhuce").on("click",function(){
			location.href = "register.html"
		})
	</script>
</html>
